/* pages/article/detail/detail.wxss */


.title {
    font-size: 40rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(53, 53, 53, 1);
    line-height: 68rpx;
}

.logo-box {
    border-top: 1rpx solid #CCCCCC;
    border-bottom: 1rpx solid #CCCCCC;
    padding: 30rpx 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 15rpx;
}

.time {
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}

.logocont1 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.logocont1 image {
    width: 82rpx;
    height: 82rpx;
    border-radius: 6rpx;
    border: 3rpx solid #ff6600;
}

.concern {
    background: rgba(255, 102, 0, 1);
    border-radius: 6rpx;
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    padding: 10rpx 20rpx;
}

.intro-box {
    background: rgba(238, 238, 238, 1);
    padding: 20rpx;
    margin-top: 20rpx;
}

.intro-text {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    background: rgba(153, 153, 153, 1);
    padding: 6rpx 30rpx;
    text-align: center;
}

.intro-box .text {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 50rpx;
}

.sy-box {
    margin: 0 30rpx;
    margin-top: 50rpx;
}

.title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.title image {
    width: 16rpx;
    height: 28rpx;
    margin-right: 10rpx;
}

.title text {
    font-size: 38rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(53, 53, 53, 1);
    line-height: 45rpx;
}

.sline {
    border-left: 10rpx solid #FF7F2A;
    height: 45rpx;
    margin-right: 15rpx;
}

.content {
    /* border-bottom: 1rpx solid #CCCCCC; */
    padding: 20rpx 0;
    display: flex;
    align-items: center;
    margin-top: 10rpx;
}

.content .title {
    display: flex;
    /* flex-direction: column; */
    /* justify-content: space-between; */
    align-items: flex-start;
    flex: 1;
}

.content text {
    font-size: 34rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
}

.content image {
    width: 188rpx;
    height: 120rpx;
    border-radius: 4rpx;
    margin-left: 20rpx;
}

.content:last-child {
    border: 0;
}

.content-box {
    margin-top: 20rpx;
    font-size: 15px;
}

.timebox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 20rpx;
    margin-bottom: 20rpx;
}

.timebox text {
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}


/* 相关链接 */

.links {
    padding: 0 20rpx;
    word-break: break-all;
    line-height: 40rpx;
    margin-top: 30rpx;
}

.links .links-title {
    color: #000;
    font-weight: bold;
}

.links .links-text {
    color: #f60;
    margin: 30rpx 0;
}


/* 回到首页 */

.back_index {
    position: fixed;
    bottom: 332rpx;
    right: 30rpx;
}

.back_index image {
    width: 122rpx;
    height: 122rpx;
}


/* 收藏和分享 */

.fixed {
    width: 100%;
    height: 125rpx;
    display: flex;
    align-items: center;
    justify-items: center;
    position: fixed;
    bottom: 0;
    border-top: 2rpx solid rgb(205, 205, 205);
    background-color: #FFFFFF;
    z-index: 2;
}

.bottom-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 234rpx;
    margin-left: 30rpx;
    padding: 10rpx 0;
    color: #141414;
    background: #FFFFFF;
}

.bottom-box:nth-child(2) {
    border-left: 2rpx solid #CCC;
    border-right: 2rpx solid #CCC;
    border-radius: 0;
}

.bottom-box:last-child {
    margin: 0 10rpx;
}

.bottom-box text {
    padding-bottom: 5rpx;
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 500;
    opacity: 1;
}

.bottom-box image {
    width: 40rpx;
    height: 40rpx;
    margin-right: 13rpx;
}

button {
    line-height: 0;
}


/* 推荐服务 */

.fuwu {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.08);
    opacity: 1;
    border-radius: 12rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20rpx 50rpx 20rpx 30rpx;
    margin-bottom: 15rpx;
}

.fw-content {
    position: relative;
    display: flex;
    align-items: center;
}

.fw-content image {
    width: 88rpx;
    height: 88rpx;
    margin-right: 20rpx;
    flex-shrink: 0;
}

.fw-text {
    display: flex;
    flex-direction: column;
    margin-right: 25rpx;
}

.fw-text view {
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(20, 20, 20, 1);
    opacity: 1;
    margin-bottom: 10rpx;
}

.fw-text text {
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 34rpx;
    color: rgba(149, 149, 149, 1);
    opacity: 1;
}

.see {
    background: rgba(255, 102, 0, 1);
    opacity: 1;
    border-radius: 6rpx;
    font-size: 18rpx;
    font-family: PingFang SC;
    font-weight: 500;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    padding: 10rpx 20rpx;
    white-space: nowrap;
}

.p_class {
    margin: 20rpx 0;
    line-height: 70rpx;
}

.table_class {
    border-collapse: collapse;
    background: #f60
}

.td_class {
    border: 1rpx solid #000;
    width: 300rpx;
    border-collapse: collapse;
    padding: 0rpx 14rpx;
    text-align: center;
}



/* .table_class tr{width: auto;height: auto;}
.table_class td{width: auto;height: auto;} */


/* 复制文章链接 */

.link-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.link-content {
    width: 80%;
    height: 50%;
    background-color: #FFFFFF;
    border-radius: 20rpx;
    padding: 15rpx 30rpx;
    position: relative;
}

.link-content .cure {
    margin-top: 40rpx;
    font-weight: bold
}

.linkstyle {
    border-bottom: 1rpx solid #CCCCCC;
    padding-bottom: 20rpx;
    margin-top: 30rpx;
    display: flex;
    flex-direction: column;
}

.linkstyle text {
    word-break: break-all;
    width: 600rpx;
}


/* 提示收藏 */

.scue-box {
    background: rgba(46, 45, 45, 0.9);
    position: fixed;
    top: 60%;
    left: 4%;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 90%;
    height: 60rpx;
    color: #FFFFFF;
    text-align: center;
    line-height: 60rpx;
    border-radius: 10rpx;
}


/* 收藏小程序的提示 */

.cue-box {
    position: fixed;
    top: 0rpx;
    right: 88rpx;
}

.cue-box image {
    width: 554rpx;
    height: 83rpx;
}

.app {
    width: 100%;
}

.hot {
    margin: 0 40rpx;
}

.hot-item {
    height: 84rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28rpx;
    background-color: rgb(245, 245, 245);
    border-radius: 18rpx;
}

.hot-content {
    max-width: 526rpx;
    margin-left: 15rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.hot-icon {
    width: 22rpx;
    height: 29rpx;
}

.guess {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 30rpx;
    padding-bottom: 36rpx;
    margin-top: 30rpx;
    border-bottom: 10rpx solid #EEEEEE;
}

.guess .guess-item:nth-child(odd) {
    margin-right: 24rpx;
}

.guess-item {
    height: 100rpx;
    width: 38%;
    padding: 0 26rpx;
    margin-bottom: 12rpx;
    line-height: 100rpx;
    font-size: 22rpx;
    color: #7A7A7A;
    text-align: center;
    background-color: #EEEEEE;
    border-radius: 18rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.more-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 21rpx;
    margin-top: 19rpx;
    font-size: 24rpx;
    border-top: 2rpx solid #E7E7E7;
}

.chanle {
    color: #A8A8A8;
}

.more-control {
    color: #2880E3;
}

.more-message {
    margin: 0;
    margin-top: 36rpx;
    padding: 0 30rpx;
    padding-bottom: 38rpx;
    border-bottom: 10rpx solid #EEEEEE;
}

.content:nth-child(2) .title .index {
    color: #FE1A29;
}

.conten:nth-child(3) .title .index {
    color: #FF893A;
}

.content:nth-child(4) .title .index {
    color: #FFAB3A;
}

.content .title {
    display: flex;
    align-items: flex-start;
    flex: 1;
}

.content text {
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
}

.content image {
    width: 198rpx;
    height: 144rpx;
    border-radius: 12rpx;
    margin-left: 20rpx;
}

.content:last-child {
    border: 0;
}

.content-box {
    margin-top: 20rpx;
    line-height: 60rpx;
}
.content-box rich-text ,.content-box ._p{
    margin:  32rpx 0;
    line-height: 60rpx;
    display: block;
}

.content .title .index {
    font-size: 30rpx;
    margin-right: 20rpx;
    color: #B6B6B6;
}

.new-title {
    flex-direction: column;
}

.fastNav-box {
    position: fixed;
    bottom: 0rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 96rpx;
    padding: 14rpx 0;
    background-color: #FFFFFF;
    background: #EFEFEF;
}

.fastNav-box button {
    background-color: transparent;
    line-height: 2;
    margin: 0;
}

.fastNav-box .flex-col {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 214rpx;
    height: 70rpx;
    margin-right: 14rpx;
    border-radius: 10rpx;
    background-color: #FFFFFF;
}

.fastNav-box .flex-col text {
    margin-left: 10rpx;
    font-size: 26rpx;
    font-family: PingFang SC;
    white-space: nowrap;
    font-weight: 500;
    color: #4B4B4B;
}

.new-content {
    padding-bottom: 19rpx;
    border-bottom: 2rpx solid #F0F0F0;
}

.new-title .time {
    font-size: 22rpx;
    color: #989696;
}

.guess-border {
    margin-top: 50rpx;
    padding-top: 30rpx;
    border-top: 10rpx solid #EEEEEE;
}

button {
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.share-box {
    margin-bottom: 60rpx;
    margin-top: 40rpx;
}

.share-box-img {
    width: 32px;
    margin-bottom: 10rpx;
    
}

.shar-box-item {
    box-shadow: none !important;
    line-height: normal;
}

.share-box-title {
    width: 100%;
    margin-bottom: 58rpx;
    font-size: 32rpx;
    color: #BFBFBF;
    text-align: center;
}

.share-box-path {
    font-size: 22rpx;
    color: #141414;
}

.shar-box-list {
    width: 70%;
}

.guess-border .title {
    padding-left: 30rpx;
}

.baike {
    position: absolute;
    padding: 2rpx;
    left: 0;
    top: 0;
    font-size: 20rpx;
    background-color: #FF6600;
    color: #FFFFFF;
}

.baike-head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 99;
}

.baike-head image {
    width: 44rpx;
    height: 44rpx;
}

.baike-head .baike {
    padding: 4rpx
}

.bottom-mask {
    position: fixed;
    bottom: 0;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
}

.bottom-share-box {
    position: fixed;
    bottom: 0;
    height: 380rpx;
    width: 100%;
    justify-content: space-between;
    padding-top: 80rpx;
    background-color: rgb(251, 253, 250);
    border-top-left-radius: 54rpx;
    border-top-right-radius: 54rpx;
    overflow-x: hidden;
}

.bottom-share-box .flex {
    padding: 20rpx 20%;
    z-index: 99;
    box-sizing: border-box;
}

.bottom-share-box .share-box-img {
    width: 100rpx;
    margin-bottom: 16rpx;
}

.bottom-share-box .share-box-path {
    font-size: 24rpx;
}

.bottom-share-box .flex {
    width: 100%;
}

.line {
    height: 60rpx;
    border-right: 2rpx solid #ccc;
}

.cancel {
    width: 100%;
    height: 102rpx;
    margin-top: 30rpx;
    line-height: 102rpx;
    font-size: 34rpx;
    text-align: center;
    background-color: #FFFFFF;
}